﻿@model List<SelectListItem>

<script>
    function Limpar() {
        document.getElementById("coluna").value = 0;
        document.getElementById("pesquisa").value = "";

        $.ajax({
            url: '@Url.Content(ViewData["ActionListarTodos"].ToString())',
            type: "get",
            success: function (data) {
                $("#Conteudo").html(data);
            }
        });
    }

    function Pesquisar() {
        if (document.getElementById("coluna").value == 0) {
            $("#erroPesquisa").html("Favor selecionar o tipo de filtro");
            $("#erroPesquisa").show();
            $("#erroPesquisa").fadeOut(5000);
            return;
        }

        if (document.getElementById("pesquisa").value == "") {
            $("#erroPesquisa").html("Favor informar a consulta.");
            $("#erroPesquisa").show();
            $("#erroPesquisa").fadeOut(5000);
            return;
        }

        var coluna = document.getElementById("coluna").value;
        var pesquisa = document.getElementById("pesquisa").value;

        $.ajax({
            url: '@Url.Content("~/" + ViewData["Controller"] + "/Pesquisar/0?coluna=")' + coluna + '&pesquisa=' + pesquisa,
            type: "get",
            success: function (data) {
                $("#Conteudo").html(data);
            }
        });
    }
</script>

<div id="erroPesquisa" class="erro" style="display:none">Mensagem de erro do sistema.</div>
 <div id="okPesquisa" class="ok" style="display:none">Mensagem de sucesso do sistema.</div>

<table>
    <tr>
        <td>@Html.Label("Filtrar por:")
        </td>
        <td>@Html.DropDownList("coluna", Model, new { style = "width:200px" })
        </td>
        <td>@Html.TextBox("pesquisa", null, new { style = "width:400px" })
        </td>
        <td>
            <input type="button" id="pesquisar" value="Pesquisar" onclick="Pesquisar();" />
        </td>
        <td>
            <input type="button" id="limpar" value="Limpar" onclick="Limpar();" />
        </td>
    </tr>
</table>
